.wl-icon {
  --wl-icon-color: inherit;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  fill: currentColor;
  color: var(--wl-icon-color);
  font-size: inherit;
}
$colors: primary, info, success, warining, danger;
@each $val in $colors {
  .wl-icon--#{$val} {
    --wl-icon-color: var(--wl-color-#{$val});
  }
}
